﻿
@{
    ViewBag.Title = Resources.WebStringsWeb.WebTitle;
    Layout = "~/Views/Shared/_LayoutMobile.cshtml";
}
@section css {
    <style>
        .mui-bar ~ .mui-content .mui-scroll-wrapper {
            top: 44px;
            height: auto;
        }
    </style>
}
<header class="mui-bar mui-bar-nav">
    <a href="../Emergency/MMenu" class="mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title" style="color:white;">应急疏散</h1>
</header>
<div class="mui-content">
    <ul ng-cloak class="mui-table-view mui-table-view-chevron" ng-controller="PlaceSafetyController" ng-init="GetMyPlaceListForMap();InitMyPlaceListPage();">
        <li ng-repeat="x in PlacePageList" class="mui-table-view-cell mui-collapse">
            <a class="mui-navigate-right" href="#">
                {{x.ParkName}}<span class="mui-badge mui-badge-primary mui-badge-inverted">{{x.PlaceList.length}}</span>
            </a>
            <ul class="mui-table-view mui-table-view-chevron">
                <li ng-repeat="y in x.PlaceList" class="mui-table-view-cell">
                    <div style="position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%);">
                        <span class="mui-icon mui-icon-more"></span>
                    </div>
                    <div class="mui-slider-right mui-disabled">
                        <a class="mui-btn mui-btn-green mui-icon mui-icon-search" href="MEvacuateFileList?PlaceId={{y.id}}"></a>
                        <a ng-if="@ViewBag.IsAdd==1" class="mui-btn mui-btn-blue mui-icon mui-icon-compose" href="MEvacuateAdd?PlaceId={{y.id}}"></a>
                    </div>

                    <div class="mui-table mui-slider-handle">
                        <div class="mui-table-cell mui-col-xs-10">
                            <h4 class="mui-ellipsis">{{$index+1}}.{{y.PlaceName}}</h4>
                            <p class='mui-ellipsis'>{{y.ParkInfo.ParkName}}{{y.BuildingInfo.BuildingName}}{{y.FloorInfo.FloorName}}</p>
                        </div>
                    </div>
                </li>
            </ul>
        </li>

    </ul>
    <div style="margin-bottom:50px;">
    </div>


</div>

@section js{
    <script src="~/Assets/js/pg/PlaceSafety.js"></script>
}


